﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</meta>
<title>F.scroll演示</title>
<style type="text/css">
*{margin:0; padding:0;}
#sbox03{width:930px; height:170px; padding:42px 0 10px; background:url(data/img/slides/lenovo/bg.jpg) no-repeat -140px; font-size:12px;}
#sbox03 li{float:left; list-style:none;}

#sbox03 .panel{width:774px; height:170px; overflow:hidden;}
#sbox03 .panel a{width:129px; height:170px; text-align:center; text-decoration:none; color:#000;}
#sbox03 .panel img{width:111px; height:144px; margin:0px 9px; border:0;}

#sbox03 .prev{width:78px; height:144px; background:url(data/img/slides/lenovo/pre.png) no-repeat 57px 61px; cursor:pointer;}
#sbox03 .next{width:78px; height:144px; background:url(data/img/slides/lenovo/next.png) no-repeat 10px 61px; cursor:pointer;}
</style>
<script type="text/javascript" src="1st.js"></script>
</head>
<body>
<h3>2010联想青年公益创业计划评审团展示</h3>
<br/>
<ul id="sbox03">
    <li class="prev" title="向前"></li>
    <li class="panel">
		<div class="wrap">
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/01.jpg" /><br/>白立新</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/02.jpg" /><br/>杜建华</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/03.jpg" /><br/>甘东宇</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/04.jpg" /><br/>刘克丽</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/05.jpg" /><br/>吕朝</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/06.jpg" /><br/>马云</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/07.jpg" /><br/>牛文文</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/08.jpg" /><br/>徐永光</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/09.jpg" /><br/>杨华东</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/10.jpg" /><br/>俞敏洪</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/11.jpg" /><br/>张浩明</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/12.jpg" /><br/>赵华</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/13.jpg" /><br/>陈绍鹏</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/14.jpg" /><br/>刘杰</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/15.jpg" /><br/>刘文奎</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/16.jpg" /><br/>陈旭东</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/17.jpg" /><br/>徐松涛</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/18.jpg" /><br/>王利芬</a>
			<a href="javascript:void(0);"><img src="data/img/slides/lenovo/19.jpg" /><br/>马化腾</a>	
		</div>
	</li>
    <li class="next" title="向后"></li>
</ul>

<script type="text/javascript">F("sbox03").slides({panel:"scrollLeft",loop:2});</script>
</body>
</html>